@charset 'utf-8';
@import 'common';

html,
body {
    height: 100%;
    background: #e7e9ec;
}

.web {
    background: #e7e9ec;
    position: relative;
}

// 主体内容
main {
    position: absolute;
    top: 150px;
    left: 150px;
    width: 1000px;

    .main_con {
        @include reuse-flex;

        // 侧边导航栏
        .side {
            background: #f3f2f2;
            width: 223px;
            height: 323px;
            box-sizing: border-box;
            padding: 20px 0;


            ul {
                box-sizing: border-box;

                li {
                    margin-bottom: 20px;
                    box-sizing: border-box;
                    padding-left: 15px;
                    text-align: left;
                    height: 30px;
                    line-height: 30px;
                    cursor: pointer;

                    a {
                        font-size: 16px;
                        font-family: "Adobe Heiti Std";
                        color: #7c7979;

                        .icon_arrow {
                            background: url('../images/list/icon_arrow.png');
                            display: inline-block;
                            width: 11px;
                            height: 13px;
                            margin-right: 5px;
                        }
                    }
                }

                li.active {
                    background: #58636d;
                    color: #fff;

                    .icon_arrow {
                        background: url('../images/list/icon_arrow_active.png');
                    }
                }
            }

            .conact_info {
                @include reuse-flex;
                box-sizing: border-box;
                padding-left: 30px;
                align-items: baseline;

                .icon_call {
                    background: url('../images/list/icon_call.png');
                    display: block;
                    width: 10px;
                    height: 14px;
                }

                .tel {
                    margin-left: 5px;

                    p {
                        font-size: 12px;
                        font-family: "Microsoft YaHei";
                        color: #828181;
                        margin-bottom: 5px;
                    }
                }
            }
        }

        // 业内新闻
        .news_mod {
            width: 680px;
            margin-left: 45px;

            .tit {
                border-bottom: 3px solid #fff;
                @include reuse-flex;
                justify-content: space-between;
                box-sizing: border-box;
                padding-bottom: 3px;

                span {
                    font-size: 26px;
                    font-family: "Adobe Heiti Std";
                    color: #f6f8fb;
                }

                span:nth-child(1) {
                    font-family: "Vani";
                }

            }

            .news_con {
                background: #fff;
                height: 1130px;
                box-sizing: border-box;
                padding: 30px 15px;

                .caption {
                    @include reuse-flex;
                    justify-content: space-between;
                    align-items: center;
                    border-bottom: 1px solid #000;

                    .bread {
                        font-size: 14px;
                        font-family: "Adobe Heiti Std";
                        color: #3f4142;
                    }

                    .news_data {
                        font-size: 12px;
                        font-family: "Microsoft YaHei";
                        color: #3f4142;
                    }
                }
            }
        }
    }
}